<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!--css-->
		<link rel="stylesheet" type="text/css" href="libs/bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="libs/css/font-awesome-4.6.3/css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="libs/Swiper-3.3.1/dist/css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="libs/css/common.css" />
		<link rel="stylesheet" type="text/css" href="libs/css/user.css" />
		<!--js-->
		<script src="libs/js/jquery-1.12.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/Swiper-3.3.1/dist/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/iscroll-probe.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/user.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<span><a href="#"><i class="fa fa-chevron-left"></i></a></span>
			<b>个人中心</b>
			<span><i class="fa fa-th-list"></i></span>
		</header>
		<!--导航-->
		<div class="navbox">
			<ul>
				<li><a href="index.html">首页</a></li>
				<li><a href="category.html">分类查询</a></li>
				<li><a href="shopping_cart.html">购物车</a></li>
				<li><a href="user.html">会员中心</a></li>
			</ul>
		</div>
		<!--内容-->
		<div class="user-body">
			<div id="scroller">
				<div class="user">
					<div class="user-header"><img src="libs/images/18.jpg"/></div>
					<div class="user-detail">
						<span>He珺</span>
						<span><img src="libs/images/18.jpg"/><b>普通会员</b></span>
						<a href="#"><i class="fa fa-angle-right"></i></a>
					</div>
				</div>
				<div class="user-money">
					<div>
						<span><b>100</b></span>
						<span>我的金额</span>
					</div>
					<div>
						<span><b>50</b></span>
						<span>可用金额</span>
					</div>
					<div>
						<span><b>1000</b></span>
						<span>代币</span>
					</div>
				</div>
				<div class="vip">
					<ul class="list-group">
						<li class="list-group-item">
						    <a href="#">
						    <span class="small-circle"><img src="libs/images/vip1.png"/></span>
						    <span class="pull-right"><i class="fa fa-angle-right"></i></span>
						    <span class="badge">5</span>
						        一级会员
						    </a>
						</li>
						<li class="list-group-item">
						    <a href="#">
						    <span class="small-circle"><img src="libs/images/vip2.png"/></span>
						    <span class="pull-right"><i class="fa fa-angle-right"></i></span>
						    <span class="badge">5</span>
						        二级会员
						    </a>
						</li>
						<li class="list-group-item">
						    <a href="#">
						    <span class="small-circle"><img src="libs/images/vip3.png"/></span>
						    <span class="pull-right"><i class="fa fa-angle-right"></i></span>
						    <span class="badge">5</span>
						        三级会员
						    </a>
						</li>
					</ul>
				</div>
				<div class="vip">
					<ul class="list-group">
						<li class="list-group-item">
						    <a href="#">
						    <span class="small-circle"><img src="libs/images/file.png"/></span>
						    <span class="pull-right"><i class="fa fa-angle-right"></i></span>
						        我的订单
						    </a>
						</li>
						<li class="list-group-item">
						    <a href="#">
						    <span class="small-circle"><img src="libs/images/car.png"/></span>
						    <span class="pull-right"><i class="fa fa-angle-right"></i></span>
						        升级为商家
						    </a>
						</li>
						<li class="list-group-item">
						    <a href="#">
						    <span class="small-circle"><img src="libs/images/note.png"/></span>
						    <span class="pull-right"><i class="fa fa-angle-right"></i></span>
						        完善资料
						    </a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--脚部-->
		<footer>
			<a href="index.html"><span><i class="fa fa-home"></i><br>首页</span></a>
			<a href="#"><span><i class="fa fa-database"></i><br>积分区</span></a>
			<a href="category.html"><span><i class="fa fa-cube"></i><br>分类</span></a>
			<a href="shopping_cart.html"><span><i class="fa fa-shopping-cart"></i><br>购物车</span></a>
			<a href="user.html" class="ft_active"><span><i class="fa fa-user"></i><br>个人中心</span></a>
		</footer>
	</body>
</html>
